import './Right.scss'
import React, { Component } from 'react';

class Right extends Component {
    render() {
        return (
            <div className='mylist'>
                <div className="rightbox">
                {
                    this.props.subcategory.map((item,index)=>{
                        return (
                            <div className='shop' key={index}>
                                <div className='t'>
                                    <p>{item.name}</p>
                                </div>
                                <div className="b">
                                    {
                                        item.subNavs.map((item,index)=>{
                                            return (
                                                <div className='content' key={index}>
                                                <img src={item.pic} />
                                                <p>{item.name}</p>
                                                </div>
                                            )
                                        })
                                    }
                                </div>
                            </div>
                        )
                    })
                }
                </div>
            </div>
        );
    }
}

export default Right;